<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>培训课程</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/train.css">
  <link rel="stylesheet" href="./css/media.css">
  <link rel="stylesheet" href="./css/footer.css">
  <script src="./js/jquery-3.3.1.js"></script>
  <script src="./js/bootstrap.js"></script>
</head>
<body>
<!--头部-->
<header class="container">
  <div class="head">
    <p class="left">Examination Subjects&nbsp</p>
    <p class="right">Design</p>
    <form class="navbar-form navbar-right">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="请输入搜索关键词">
      </div>
      <button type="submit" class="btn btn-default">搜索</button>
    </form>
  </div>
</header>
<!--导航部分-->
<nav class="navbar navbar-default set-navbar-color">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="collapse navbar-collapse header-nav" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li>
          <a href="./index.html">首页
            <span class="sr-only">(current)</span>
          </a>
        </li>
        <li class="active">
          <a href="#">培训课程</a>
        </li>
        <li>
          <a href="./teacher.html">教师风采</a>
        </li>
        <li>
          <a href="./about.html">关于我们</a>
        </li>
        <li>
          <a href="./consultation.html">教育咨询</a>
        </li>
        <li>
          <a href="./contact.html">联系我们</a>
        </li>
        <li>
          <a href="./signup.html">在线报名</a>
        </li>
        <!-- <li class="dropdown">
          <a href="./contact.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
             aria-expanded="false">联系我们 <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="./signup.html">联系我们</a></li>
            <li><a href="./signup.html">在线报名</a></li>
          </ul>
        </li> -->
      </ul>
    </div>
  </div>
</nav>
<!--main-->
<div class="container main">
  <!--轮播图、快速通道和新闻资讯-->
  <div class="row banner-wrapper">
    <!-- 非轮播图 -->
    <div class="no-slider-wrapper col-xs-12 col-sm-12 col-md-8 col-lg-8">
      <a href="#">
        <img src="./img/banner-a.jpg" alt="">
      </a>
    </div>
    <!-- 右侧快速通道和新闻资讯 -->
    <div class="express-lane-wrapper col-xs-12 col-sm-12 col-md-4 col-lg-4">
      <!--快速通道-->
      <ul class="express-lane clearfix">
        <li class="express-lane-item">
          <a href="#">
                            <span class="top">
                                <img src="./img/a.png" alt="">
                            </span>
            <span class="bottom">
                                快捷报班
                            </span>
          </a>
        </li>
        <li class="express-lane-item">
          <a href="#">
                            <span class="top">
                                <img src="./img/a.png" alt="">
                            </span>
            <span class="bottom">
                                快捷报班
                            </span>
          </a>
        </li>
        <li class="express-lane-item">
          <a href="#">
                            <span class="top">
                                <img src="./img/a.png" alt="">
                            </span>
            <span class="bottom">
                                快捷报班
                            </span>
          </a>
        </li>
        <li class="express-lane-item">
          <a href="#">
                            <span class="top">
                                <img src="./img/a.png" alt="">
                            </span>
            <span class="bottom">
                                快捷报班
                            </span>
          </a>
        </li>
        <li class="express-lane-item">
          <a href="#">
                            <span class="top">
                                <img src="./img/a.png" alt="">
                            </span>
            <span class="bottom">
                                快捷报班
                            </span>
          </a>
        </li>
        <li class="express-lane-item">
          <a href="#">
                            <span class="top">
                                <img src="./img/a.png" alt="">
                            </span>
            <span class="bottom">
                                快捷报班
                            </span>
          </a>
        </li>
      </ul>
      <!--新闻资讯-->
      <h3 class="news-title hidden-md hidden-lg">新闻资讯</h3>
      <ul class="news clearfix">
        <li class="news-item">
          <a href="">
            <div class="left">
              <img src="./img/news-item.jpg" alt="" class="news-image">
            </div>
            <div class="right">
              <h3 class="news-title">德国大学留学攻略</h3>
              <p class="news-content">
                德意志联邦共和国高等教育非常普及，各类高等院校共有390多所，分布在16个联邦州，注册学生总人数约250万， 各类...
              </p>
            </div>
          </a>
        </li>
        <li class="news-item">
          <a href="">
            <div class="left">
              <img src="./img/news-item.jpg" alt="" class="news-image">
            </div>
            <div class="right">
              <h3 class="news-title">德国大学留学攻略</h3>
              <p class="news-content">
                德意志联邦共和国高等教育非常普及，各类高等院校共有390多所，分布在16个联邦州，注册学生总人数约250万， 各类...
              </p>
            </div>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <!--精品课程-->
  <div class="excellent-course">
    <div class="base-header-wrapper">
      <h3 class="title">精品课程</h3>
      <p class="info">
        全球丰富的教育行业经验和优质的产品资源，采用互动多媒体为教学手段，旨在为3-18岁的孩子提供纯正美式幼儿英语、儿童英语、少儿英语。在全浸入式英语环境中，激发孩子的英语学习兴趣，英语如母语般运用自如。
      </p>
    </div>
    <div class="excellent-course-content clearfix">
      <div class="excellent-course-content-item col-xs-8 col-xs-offset-2 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 col-lg-4 col-lg-offset-0">
        <img src="./img/excellent-img.jpg" alt="">
        <div class="text-wrapper">
          <h3 class="title">一年制高级就业班</h3>
          <p class="content-item">
            焦糖布丁海绵蛋糕 <br>
            用法式西点工艺诠释传统中国文化<br>
            烘焙西点——世界各种面包品味法<br>
            英式翻糖与美式翻糖的区别<br>
            大型翻糖/翻糖饼干<br>
          </p>
        </div>
      </div>
      <div class="excellent-course-content-item col-xs-8 col-xs-offset-2 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 col-lg-4 col-lg-offset-0">
        <img src="./img/excellent-img.jpg" alt="">
        <div class="text-wrapper">
          <h3 class="title">一年制高级就业班</h3>
          <p class="content-item">
            焦糖布丁海绵蛋糕 <br>
            用法式西点工艺诠释传统中国文化<br>
            烘焙西点——世界各种面包品味法<br>
            英式翻糖与美式翻糖的区别<br>
            大型翻糖/翻糖饼干<br>
          </p>
        </div>
      </div>
      <div class="excellent-course-content-item col-xs-8 col-xs-offset-2 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-0 col-lg-4 col-lg-offset-0">
        <img src="./img/excellent-img.jpg" alt="">
        <div class="text-wrapper">
          <h3 class="title">一年制高级就业班</h3>
          <p class="content-item">
            焦糖布丁海绵蛋糕 <br>
            用法式西点工艺诠释传统中国文化<br>
            烘焙西点——世界各种面包品味法<br>
            英式翻糖与美式翻糖的区别<br>
            大型翻糖/翻糖饼干<br>
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
<!--底部-->
<footer class="foot-wrapper container-fluid">
  <div class="foot container">
    <!--底部导航-->
    <nav class="foot-nav row clearfix">
      <a href="./index.html" class="foot-nav-item col-xs-4 col-sm-4 col-md-2 col-lg-2">主页</a>
      <a href="#" class="foot-nav-item col-xs-4 col-sm-4 col-md-2 col-lg-2">培训课程</a>
      <a href="./teacher.html" class="foot-nav-item col-xs-4 col-sm-4 col-md-2 col-lg-2">教师风采</a>
      <a href="./about.html" class="foot-nav-item col-xs-4 col-sm-4 col-md-2 col-lg-2">关于我们</a>
      <a href="./consultation.html" class="foot-nav-item col-xs-4 col-sm-4 col-md-2 col-lg-2">教育资讯</a>
      <a href="./contact.html" class="foot-nav-item col-xs-4 col-sm-4 col-md-2 col-lg-2">联系我们</a>
    </nav>
    <!--其他信息-->
    <div class="other-info row">
      <div class="phone col-xs-12 col-sm-12 col-md-6 col-lg-6">
        <p class="phone-title">
          联系我们：
        </p>
        <p class="phone-number">
          020-000000
        </p>
      </div>
      <div class="other-phone col-xs-12 col-sm-12 col-md-6 col-lg-6">
        <p>联系QQ：258506508</p>
        <p>手机号码：130000000</p>
        <p>联系邮箱：contact@fkadjkhsf.com</p>
      </div>
    </div>
  </div>
</footer>
</body>
</html>